<div class="vertical-box">
    <div class="vertical-box-column p-l-2 p-r-2 p-t-15 bg-silver width-150 height-full"
         style="border-right: 0.5px solid #b6c2c9;">
        <div class="fc-event-list">
            <div class="fc-event text-center m-0" data-color="#b6c2c9">
                <button class="btn btn-white btn-md" onclick="loadAddCustomer()"><i class="fa fa-plus pull-left"></i>新增客户</button>
            </div>
            <div class="panel-group">
                <div class="panel panel-inverse overflow-hidden m-t-0">
                    <div class="panel-heading p-b-5" style="background-color: #f0f3f4;">
                        <div class="panel-title">
                            <a class="accordion-toggle accordion-toggle-styled collapsed p-t-5 p-b-5 p-l-15 p-r-3"
                               style="color:black;" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">我的客户
                                <i class="fa fa-plus-up pull-right"></i>
                                <a href="javascript:void(0);" onclick="loadCustomerGroup()"
                                   class="btn btn-default btn-xs"
                                   style="width: 34px;height: 20px;float: right;margin-top: -15px;margin-right: 12px;">管理</a>
                            </a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse">
                        <div class="panel-body p-0" style="background-color: #f0f3f4;">
                            <input id="selectFroup" type="hidden" value="">
                            <ul class="nav nav-pills nav-stacked nav-sm" id="mg-left-group"> </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-inverse overflow-hidden m-t-0">
                    <div class="panel-heading" style="background-color: #f0f3f4;border-top: 1px #d2d6da solid">
                        <h3 class="panel-title">
                            <a class="accordion-toggle accordion-toggle-styled  p-t-5 p-b-5 p-l-15 p-r-3"
                               style="color:black;" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                                <i class="fa fa-plus-up pull-right"></i>共享客户
                            </a>
                        </h3>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse in">
                        <div class="panel-body p-0" style="background-color: #f0f3f4;">
                            <ul class="nav nav-pills nav-stacked nav-sm">
                                <li class="height-30 f-s-12"><a href="javascript:;" onclick="shareTome();"><i class="fa fa-share m-r-5"></i>共享给我的客户</a></li>
                                <li class="height-30 f-s-12"><a href="javascript:;" onclick="meToShare();"><i class="fa fa-reply m-r-5"></i>共享同事的客户</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-inverse overflow-hidden m-t-0">
                    <div class="panel-heading" style="background-color: #f0f3f4;border-top: 1px #d2d6da solid">
                        <h3 class="panel-title">
                            <a class="accordion-toggle accordion-toggle-styled  p-t-5 p-b-5 p-l-15 p-r-3"
                               style="color:black;"
                               data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                                <i class="fa fa-plus-up pull-right"></i>其他
                            </a>
                        </h3>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse in">
                        <div class="panel-body p-0" style="background-color: #f0f3f4;">
                            <ul class="nav nav-pills nav-stacked nav-sm">
                                <li class="height-30 f-s-12" sec:authorize="hasAuthority('gong:show')"><a href="javascript:;" onclick="loadBigSea();"><i class="fa fa-rebel m-r-5"></i>公司大公海</a></li>
                                <li class="height-30 f-s-12"><a href="javascript:;" onclick="loadDeptBigSea();"><i class="fa fa-reddit m-r-5"></i>部门公海</a></li>
                                <li class="height-30 f-s-12"><a href="javascript:;" ><i class="fa fa-phone m-r-5"></i>手机领取客户</a></li>
                                <li class="height-30 f-s-12"><a href="javascript:;" onclick="loadChecking();"><i class="fa fa-search m-r-5"></i>客户查重</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="vertical-box-column p-15 calendar">
        <form class="user-table-form">
            <div class="row">
                <div class="col-sm-12" style="padding-bottom:20px;">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="" data-toggle="tab">属性筛选</a></li>
                        <li class="pull-right">
                            <div class="input-group width-350 height-25 ">
                                <div class="input-group-btn ">
                                    <button type="button" class="btn btn-primary p-0 height-25 width-75" id="stype">综合</button>
                                    <button type="button" class="btn btn-primary dropdown-toggle p-0 p-l-5 p-r-5 height-25" data-toggle="dropdown">
                                        <span class="caret"></span>
                                    </button>
                                    <input id="searchType" value="s_all" type="hidden">  <!--查询的类型-->
                                    <ul class="dropdown-menu width-75" style="min-width: 75px">
                                        <li><a href="javascript:void(0)" onclick="selectSearch(this);" data="s_all">综合</a></li>
                                        <li><a href="javascript:void(0)" onclick="selectSearch(this);" data="s_name">姓名</a></li>
                                        <li><a href="javascript:void(0)" onclick="selectSearch(this);" data="s_mobile">电话</a></li>
                                        <li><a href="javascript:void(0)" onclick="selectSearch(this);" data="s_phone">手机</a></li>
                                        <li><a href="javascript:void(0)" onclick="selectSearch(this);" data="s_chat">微信</a></li>
                                        <li><a href="javascript:void(0)" onclick="selectSearch(this);" data="s_qq">QQ</a></li>
                                        <li><a href="javascript:void(0)" onclick="selectSearch(this);" data="s_email">邮箱</a></li>
                                    </ul>
                                </div>
                                <div class="input-group">
                                    <input type="text" id="searchValue" class="form-control height-25 p-0 p-l-5 p-r-5 " />
                                    <span class="input-group-addon"><a href="javascript:void(0);" onclick="$JuXue.refreshTable('myEmpTable');"><i class="fa  fa-search"></i></a></span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <table class="table table-default table-bordered m-t-3">
                        <tbody>
                            <tr>
                                <th class="text-center m-b-0 p-0 col-md-2 bg-gray-dark" style="vertical-align: middle">客户阶段</th>
                                <input id="slectcusStage" type="hidden" value="">
                                <th class="col-md-9" id="customeTrack"></th>
                            </tr>
                            <tr>
                                <th class="text-center m-b-0 p-0 col-md-2 bg-gray-dark" style="vertical-align: middle">标签</th>
                                <input id="selectContion" type="hidden" value=""> <!--包含得标签-->
                                <input id="selectNotContion" type="hidden" value=""><!--不包含得标签-->
                                <input id="selecttagOnter" type="hidden" value=""><!--自定义标签-->
                                <th class="col-md-9">
                                    <div class="dropdown" id="labelselect">
                                        <a type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-dashed-1"  data-toggle="dropdown"><i class="fa fa-plus m-r-3"></i>筛选</a>
                                        <ul class="dropdown-menu text-center width-450" >
                                            <div class="panel panel-inverse m-b-0" data-sortable-id="ui-general-2">
                                                <div class="panel-heading p-5" data-stopPropagation ="true" style="border-top-left-radius:9px;border-top-right-radius:9px">
                                                    <h4 class="panel-title text-left">选择标签</h4>
                                                </div>
                                                <form id="formHorrm" class="form-horizontal">
                                                    <div class="panel-body p-3 height-250 overflow-auto" id="selectTag" data-stopPropagation ="true"></div>
                                                </form>
                                                <div class="panel-footer text-right" data-stopPropagation ="true">
                                                    <a href="javascript:void(0)" onclick="$('#labelselect').removeClass('open')" class="label label-danger m-r-5 ">取消</a>
                                                    <a href="javascript:void(0)" onclick="labelSelectSure();" class="label label-primary m-r-5 " >确定</a>
                                                </div>
                                            </div>
                                        </ul>
                                        <span id="otherselect">
                                            <a type="button" class="btn btn-link m-l-10 p-3 f-s-10 btn-primary" onclick="selectTagByOther(this)" data-click="">不限</a>
                                            <a type="button" class="btn btn-link m-l-10 p-3 f-s-10 " onclick="selectTagByOther(this)" data-click="notag">无标签</a>
                                        </span>
                                        <span id="drownSelect"></span>
                                    </div>
                                </th>
                            </tr>
                            <tr>
                                <th class="text-center m-b-0 p-0 col-md-2 bg-gray-dark" style="vertical-align: middle">
                                    <div class="dropdown">
                                        <input type="hidden" id="timeSelect" value="">
                                        <a href="javascript:;" class="email-header-link" data-toggle="dropdown">客户创建时间 <i class="fa fa-angle-down m-l-5"></i></a>
                                        <ul class="dropdown-menu text-left" style="left: 25%;">
                                            <li class="active" onclick="dynTime(btn)" time = '1'><a href="javascript:;">动态更新时间</a></li>
                                        </ul>
                                    </div>
                                </th>
                                <th class="col-md-9" id="timeRemove">
                                    <input type="hidden" id="starttime" name="starttime" value="">
                                    <input type="hidden" id="endtime" name="endtime" value="">
                                    <button type="button" class="btn btn-link m-l-10 p-3  btn-primary" onclick="selectMyTime(this)" data-click="">不限</button>
                                    <button type="button" class="btn btn-link m-l-10 p-3 " onclick="selectMyTime(this)" data-click="selft">自定义</button>
                                    <button id="select_time"type="button" class="btn btn-white m-l-10  width-300 hidden">
                                        <span></span><i class="fa fa-angle-down fa-fw"></i>
                                    </button>
                                </th>
                            </tr>
                            <tr>
                                <th class="text-center m-b-0 p-0 col-md-2 bg-gray-dark" style="vertical-align: middle">其他选项</th>
                                <th class="col-md-9">
                                    <div class="input-group width-100 pull-left">
                                        <div class="input-group-btn">
                                            <input type="hidden" id="selectPlanId" value="">
                                            <button type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-solid-1 dropdown-toggle" data-toggle="dropdown">
                                            <span id="selectPaln">是否有销售计划</span><i class="fa fa-sort-desc"></i>
                                            </button>
                                            <ul class="dropdown-menu width-150" id="selectPlanButton" >
                                                <li class="pull-left width-50"> <button type="button" onclick="selectSalePlan(this)" data-id="" class="btn btn-link m-l-10 p-3 f-s-12 btn-primary ">不限</button></li>
                                                <li class="pull-left width-30"><button type="button" onclick="selectSalePlan(this)" data-id="1" class="btn btn-link m-l-10 p-3 f-s-12  ">有</button></li>
                                                <li class="pull-left width-30"><button type="button" onclick="selectSalePlan(this)" data-id="2" class="btn btn-link m-l-10 p-3 f-s-12 ">无</button></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="input-group  width-100 pull-left">
                                        <div class="input-group-btn">
                                            <input type="hidden" id="tongTool" value="">
                                             <input type="hidden" id="typeTool" value="">
                                            <button type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-solid-1 dropdown-toggle" data-toggle="dropdown">
                                                <span id="selectTool">通讯工具筛选</span><i class="fa fa-sort-desc"></i>
                                            </button>

                                            <ul class="dropdown-menu width-300" id="selectButton">
                                                <li class="pull-left width-50"><button onclick="selectTool(this)" data-id="" data-click="" type="button" class="btn btn-link  p-5 f-s-12 btn-primary ">不限</button></li>
                                                <li class="pull-left width-50"><button onclick="selectTool(this)" data-id="1" data-click="1" type="button" class="btn btn-link  p-5 f-s-12 ">有QQ</button></li>
                                                <li class="pull-left width-50"><button onclick="selectTool(this)" data-id="1" data-click="2" type="button" class="btn btn-link  p-5 f-s-12 ">无QQ</button></li>
                                                <li class="pull-left width-50"><button onclick="selectTool(this)" data-id="2" data-click="1" type="button" class="btn btn-link  p-5 f-s-12">有邮箱</button></li>
                                                <li class="pull-left width-50"><button onclick="selectTool(this)" data-id="2" data-click="2" type="button" class="btn btn-link  p-5 f-s-12">无邮箱</button></li>
                                                <li class="pull-left width-50"><button onclick="selectTool(this)" data-id="3" data-click="1" type="button" class="btn btn-link  p-5 f-s-12">有电话</button></li>
                                                <li class="pull-left width-50"><button onclick="selectTool(this)" data-id="3" data-click="2" type="button" class="btn btn-link  p-5 f-s-12">无电话</button></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="input-group  width-100 pull-left">
                                        <div class="input-group-btn">
                                            <input type="hidden" id="SourType" value="">
                                            <button type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-solid-1 dropdown-toggle" data-toggle="dropdown">
                                                <span id="selecttype">资源类型筛选</span><i class="fa fa-sort-desc"></i>
                                            </button>
                                            <ul class="dropdown-menu width-350" id="selecttypeButton">
                                                <li class="pull-left width-50"><button onclick="selectmySourType(this)" data-id="" data-click="" type="button" class="btn btn-link m-l-10 p-3 f-s-12 btn-primary ">不限</button></li>
                                                <li class="pull-left width-75"><button onclick="selectmySourType(this)" data-id="1"  type="button" class="btn btn-link m-l-10 p-3 f-s-12 ">推广资源</button></li>
                                                <li class="pull-left width-75"><button onclick="selectmySourType(this)" data-id="2"  type="button" class="btn btn-link m-l-10 p-3 f-s-12 ">网校资源</button></li>
                                                <li class="pull-left width-75"><button onclick="selectmySourType(this)" data-id="3"  type="button" class="btn btn-link m-l-10 p-3 f-s-12">大资源</button></li>
                                                <li class="pull-left width-75"><button onclick="selectmySourType(this)" data-id="4"  type="button" class="btn btn-link m-l-10 p-3 f-s-12">个人资源</button></li>
                                                <li class="pull-left width-75"><button onclick="selectmySourType(this)" data-id="5"  type="button" class="btn btn-link m-l-10 p-3 f-s-12">AI资源</button></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="input-group  width-150 pull-left" sec:authorize="hasAuthority('user:select')">
                                        <input type="hidden" id="recrveUser" value="">
                                        <div class="input-group-btn" id="userSelGroger">
                                            <button type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-solid-1 dropdown-toggle" data-toggle="dropdown" >
                                                <span id="selectuse">用户筛选</span><i class="fa fa-sort-desc"></i>
                                            </button>
                                            <ul class="dropdown-menu text-left width-150" >
                                                <div class="panel panel-inverse m-b-0" >
                                                    <div class="panel-heading p-5" data-stopPropagation ="true" style="border-top-left-radius:9px;border-top-right-radius:9px">
                                                        <h4 class="panel-title text-left">选择用户</h4>
                                                    </div>
                                                     <div class="panel-body p-3 height-250 overflow-auto"  data-stopPropagation ="true">
                                                            <div id="selectUser"></div>
                                                     </div>
                                                    <div class="panel-footer text-right" data-stopPropagation ="true">
                                                        <a href="javascript:void(0)" onclick="selectUserReset();" class="label label-danger m-r-5 ">重置</a>
                                                        <a href="javascript:void(0)" onclick="selectUserGruop();" class="label label-primary m-r-5 " >确定</a>
                                                    </div>
                                                </div>
                                            </ul>
                                        </div>
                                    </div>
                                </th>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </form>
        <!--左侧菜单加载项-->
        <input type="hidden" id="loadTabId" value="mycus" >
        <table id="myEmpTable"  data-mobile-responsive="true" class="mb-bootstrap-table"></table>
    </div>
</div>
<!-- begin theme-panel -->
<div class="theme-panel">
    <a href="javascript:;" data-click="theme-panel-expand" class="theme-collapse-btn" id="selectTheme" style="display: none"><i class="fa fa-cog"></i></a>
    <div class="theme-panel-content">
        <h6 class="m-t-0">已选择&nbsp;<span id="sutomeSelect"> </span> &nbsp;个客户</h6>
        <div id="xiaoshoujihua">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10">
                <div class="col-md-10 control-label double-line">
                    <a href="javascript:;" class="email-header-link" data-toggle="dropdown" ><i class="fa fa-bell"></i>添加销售计划</a>
                       <input id="saleplanTypehide" type="hidden" value="1">
                    <ul class="dropdown-menu text-left border-solid-1" style="left: -167px;top:-50%">
                        <li>
                            <a href="javascript:;" onclick="addSalePlan(this)" data-click="1" class="p-r-5"><i class="fa fa-bell text-danger fa-fw m-r-5"></i> 定时提醒</a>
                        </li>
                        <li>
                            <a href="javascript:;" onclick="$JuXue.n_danger('尚未实现')" class="p-r-5"><i class="fa fa-phone text-danger fa-fw m-r-5"></i> 电话计划</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="shezhibiaoqian">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10" >
                <div class="col-md-10 control-label double-line"><a href="javascript:void(0)" onclick="setLabelforCustomer()" ><i class="fa fa-tag m-r-5"></i>设置标签</a></div>
            </div>
        </div>
        <div id="fenzu">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10" >
                <div class="col-md-10 control-label double-line">
                    <a href="javascript:;" class="email-header-link" data-toggle="dropdown"> <i class="fa fa-arrows m-r-5"></i>移动分组</a>
                    <ul class="dropdown-menu text-left border-solid-1" id="moveGroupId" style="left: -167px;top:-50%">

                    </ul>
                </div>
            </div>
        </div>
        <div id="daochu" sec:authorize="hasAuthority('myCus:gonghaidaochu')">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10">
                <div class="col-md-10 control-label double-line"><a href="javascript:void(0)" onclick="exportCustomerInfoConfire();"><i class="fa fa-share-square-o m-r-5"></i>导出客户</a></div>
            </div>
        </div>
        <div id="fangqi">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10" >
                <div class="col-md-10 control-label double-line"><a href="javascript:void(0)" onclick="deleteCustomer();"><i class="fa fa-trash-o m-r-5"></i>放弃客户</a></div>
            </div>
        </div>
        <div id="gongxiang">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10">
                <div class="col-md-10 control-label double-line"><a href="javascript:void(0)" onclick="loadShareCustomer();"><i class="fa fa-share m-r-5"></i>共享客户</a></div>
            </div>
        </div>
        <div id="zhuanrang">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10" >
                <div class="col-md-10 control-label double-line"><a href="javascript:void(0)" onclick="transferCustomer()"><i class="fa fa-retweet m-r-5"></i>转让客户</a></div>
            </div>
        </div>
        <div id="lingqu">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10">
                <div class="col-md-10 control-label double-line"><a href="javascript:void(0)" onclick="receviceCustomer()"><i class="fa fa-share m-r-5"></i>领取客户</a></div>
            </div>
        </div>
        <div id="gongsiLingqu" sec:authorize="hasAuthority('myCus:gonghaiLingqu')">
            <div class="divider m-t-3"></div>
            <div class="row m-t-10">
                <div class="col-md-10 control-label double-line"><a href="javascript:void(0)" onclick="gongsiReceviceCustomer()"><i class="fa fa-share m-r-5"></i>公海领取</a></div>
            </div>
        </div>
        <div id="fenpei" sec:authorize="hasAuthority('myCus:fenpei')" >
            <div class="divider m-t-3"></div>
            <div class="row m-t-10" >
                <div class="col-md-10 control-label double-line"><a href="javascript:void(0)" onclick="distributeCustomer()"><i class="fa fa-retweet m-r-5"></i>分配客户</a></div>
            </div>
        </div>
    </div>
</div>
<!--客户资料 start-->
<input type="hidden" id="customer_ids" value="">
<input type="hidden" id="customer_uuid" value="">
<input type="hidden" id="customer_type" value="1">
<input type="hidden" id="checkDetailMobile" value="">
<input type="hidden" id="checkDetailCount" value="">
<div class="modal fade " id="myCustomer-modal" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
<div class="modal fade" id="myCustomer-check" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
<div class="modal fade" id="addPlanModal" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
<div class="modal fade" id="myself-modal" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
<div class="modal fade" id="other-modal" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
<div class="modal fade" id="myCustomer-checkDetail" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
<!--客户资料 end-->
<script data-th-src="@{customer/myCustomer/myCustomer_index.js}"></script>
<script data-th-src="@{customer/myCustomer/myCustomer_option.js}"></script>
<script data-th-src="@{customer/myCustomer/myCustomer_emp.js}"></script>

